@import url("jquery00.css");
div.category-layout {padding:0;}

/* REFINE/CATEGORY CONTROLS */
div.refine-controls {float:left; padding:0 10px 0 0; width:166px;}

div.refine-controls div.refine-control-header {border-top:1px solid #999; clear:both; overflow:hidden; width:100%;}
div.refine-controls div.refine-control-header.top {border-top:none;}
div.refine-controls div.refine-control-header p.title {color:#000; display:inline; float:left; font-size:1.7em; font-family:Georgia; font-weight:normal; margin:0; padding:5px 0 14px; text-transform:uppercase;}
div.refine-controls div.refine-control-header p.sub-title {display:inline; float:left; font-size:1em; margin:0; padding:1em 0; text-transform:uppercase;}
div.refine-controls div.refine-control-header p.sub-title a {font-weight:bold;}
div.refine-controls div.refine-control-header p.sub-title a:hover {text-decoration:none;}
div.refine-controls div.refine-control-header a.clear-all {float:right; font-weight:bold; padding:10px 0 0;}
div.refine-controls div.refine-control-header a.clear {float:right; font-weight:bold; padding:1em 0;}
div.refine-controls div.refine-control-header a.toggleControl {background:url(refine-t.gif) no-repeat 0 0; display:block; float:left; font-family:Tahoma; padding:0 0 0 1.5em;}
div.refine-controls div.refine-control-header a.toggleControl.closed {background-position:0 100%;}

div.refine-controls div.control {position:relative; overflow:visible;}
div.refine-controls div.control input {border:0; color:#666; height:1.5em; width:30px;}
div.refine-controls div.control .price-tip {font-size:1.1em;}
div.refine-controls div.control .slider-price-user-min {float:left;}
div.refine-controls div.control .slider-price-user-max {float:right;}
div.refine-controls div.control .min {float:left; visibility:hidden;}
div.refine-controls div.control .max {float:right; visibility:hidden;}
div.refine-controls div.control ul {padding:1px; overflow:auto;}
div.refine-controls div.control ul.scrollable {border:1px solid #ccc; height:130px; overflow:auto;}
div.refine-controls div.control ul.expanded {height:auto; overflow:auto;}
div.refine-controls .control.hidden {display:none;}

div.refine-controls ul {clear:both; margin:0 0 1em;}
div.refine-controls ul li {clear:both; list-style:none; margin:1px 0;}
div.refine-controls ul li a {background:transparent url(checkbox.gif) no-repeat scroll -10px -57px; clear:both; color:#ddd; display:block; float:left; padding:1px 0 1px 15px; cursor:default; font-size:1.1em;}
div.refine-controls ul li a:hover {text-decoration:none;}
div.refine-controls ul li a.selected {background-position:-30px -37px; cursor:pointer; color:#ddd;}
div.refine-controls ul li a.enabled,
div.refine-controls ul li a.enabled.disabled {background-position:-70px 3px; color:#666; cursor:pointer;}
div.refine-controls ul li a.selected.disabled,
div.refine-controls ul li a.selected.enabled.disabled {background-position:-50px -17px;}
div.refine-controls ul li a.selected:hover {background-position:-50px -17px; color:#666; text-decoration:underline;}
div.refine-controls ul li a.enabled:hover {text-decoration:underline;}
div.refine-controls ul > li a.enabled.selected {background-position:-50px -17px; color:#666;} /*IE6 and below can't see this line */
div.refine-controls ul li a.selected-enabled {background-position:-50px -17px; color:#666;} /*For IE6 and below */

div.refine-controls ul li a.disabled {background-position:-10px -57px; color:#ddd; cursor:default;}
div.refine-controls ul li a.selected.disabled:hover,
div.refine-controls ul li a.enabled.disabled:hover,
div.refine-controls ul li a.selected.enabled.disabled:hover,
div.refine-controls ul li a.disabled:hover {text-decoration:none;}

div.refine-controls ul#Rf-200 li {clear:none; float:left; width:49%; margin:1px 0 0;}
div.refine-controls ul#Rf-200 li a {float:none;}

div.refine-controls div#Rf-800 {margin:0 0 1em; overflow:auto; visibility:hidden;}
div.refine-controls .ui-slider {background:#dcd1bb; border-bottom:1px solid #959485; border-top:1px solid #959485; height:4px; margin:6px 0 11px; position:relative; width:166px;}
div.refine-controls .ui-slider-range {background:#464646; height:4px; font-size:4px; position:absolute;}
div.refine-controls .ui-slider-handle {background-image:url(refine-s.gif); height:15px; left:0; position:absolute; top:-5px; width:8px; z-index:1;}

/* SEARCH TITLE */
div.category-items {color:#000; float:right; position:relative; width:784px;}
div.category-items h1.search-results-title {float:left; font-family:Georgia; font-size:1.8em; font-weight:normal; margin:5px 0 4px; padding:0 0 0 16px;}

/* SPELLING SUGGESTS */
div.category-items .spelling-suggests {float:left; margin:10px 0 0; padding:0 0 0 12px;}
div.category-items .spelling-suggests h2 {color:#666; float:left; font-size:1.1em; font-weight:normal; padding:0 5px 0 0; margin:0;}
div.category-items .spelling-suggests h2 strong {color:#000;}

/* CREATIVE CONTENT CONTAINER */
div.creative-content {margin:9px 0 10px 16px; position:relative;}

/* PRODUCT COUNT & VIEW ALL */
div.category-controls {clear:both; color:#666; padding:0 0 23px 16px; overflow:auto; text-align:right;}
div.category-controls div.product-count,
div.category-controls div.product-count-bottom {float:left; font-size:1.2em; margin-top:2px; position:relative;}
div.category-controls div.product-count span.divider,
div.category-controls div.product-count-bottom span.divider {margin:0 3px;}
div.category-controls a.view-max-paged,
div.category-controls a.view-all,
div.category-controls a.view-paged {text-decoration:underline;}

/* PRODUCT SORT BY */
div.category-controls div.filter-sort {font-size:0.9em; text-transform:uppercase;}
div.category-controls div.filter-sort select.sort-drop-down {border:1px solid #aaa; font-size:1.3em; height:18px; margin:0 0 0 10px; text-transform:none;}

/* PRODUCT PAGINATION */
div.category-controls ol.page-nos {display:inline; margin-top:10px;}
div.category-controls ol.page-nos li {display:inline; font-weight:bold; margin:0 2px; line-height:2em;}
div.category-controls ol.page-nos li.selected {background:#dvd1bb;}
div.category-controls ol.page-nos li.page-skip {margin:0 2px;}
div.category-controls ol.page-nos li a {padding:2px; padding-right:5px; padding-left:5px; border: solid 1px #666; background-color: #fff;}
div.category-controls ol.page-nos li span.selected {padding:2px; padding-right:5px; padding-left:5px; border:solid 1px #666; background-color:#ededed;}
div.category-controls ol.hide {display:none;}

/* PRODUCT ITEMS */
div.category-items div.items ul li {float:left; height:320px; list-style:none; margin:0; padding:0 0 0 16px; width:180px}
div.category-items div.items ul li a.desc {font-size:1.1em; line-height:1.3em;}
div.category-items div.items ul li a img {width:180px;} 
div.category-items div.items ul li a.more-colours {background:#e4e4e4; color:#000; display:inline-block; font-size:0.9em; margin:5px 0 0; padding:2px 5px; text-align:center; text-transform:uppercase;}
div.category-items div.items ul li a.more-colours:hover {text-decoration:none;}
div.category-items div.items img.product-image {border:none; height:230px; width:180px;}

div.category-items .productprice {font-weight:bold; font-size:1em; margin-top:2px;}
div.category-items .productprice .previousprice {color:#f00;}
div.category-items .productprice .redsave {color:#683466;}
div.category-items .productprice .rrp {font-weight:normal;}
div.category-items .productprice .outlet-current-price {color:#ff0000;}

div.category-items div.overlay {background:#fff url(ajax-loa.gif) no-repeat 50% 150px; display:none; height:100%; position:absolute; text-align:center; top:0; width:784px; z-index:1;}
div.category-items > div.overlay {background:#fff url(ajax-loa.gif) no-repeat fixed 570% 50%;} /* IE6 and below can't see */

div.categoryImageDiv {width:180px; height:230px; position:relative; margin-bottom:2px;}

#error {background:#fff; display:none;}
#error .error-details {font-style:italic; font-weight:bold;}

/* NO SEARHCH RESULTS */
div.no-results p {font-family:Georgia; text-align:center;}
div.no-results p.nothing-matches {color:#000; font-size:2.2em; margin:20px 0 0;}
div.no-results p.info {color:#666; font-size:1.2em; margin:8px 0 0;}

div.no-results .search {height:34px; margin:25px auto 0; position:relative; width:391px; z-index:1;}
div.no-results div.recent-searches-header p {font-family:Tahoma; text-align:left;}

div.no-results-navigation {color:#000; border-top:1px solid #c7c7c7; display:inline-block; margin:40px 0 0; padding:35px 0; position:relative;}
div.no-results-navigation p {background:#fff; display:block; font-size:1.5em; font-weight:bold; left:375px; padding:0 30px; position:absolute; text-align:center; top:-10px;}
* html div.no-results-navigation p {display:block; left:370px; margin:0; position:relative; top:-45px; width:160px;}
div.no-results-navigation div.floors {float:left; font-family:Georgia; width:487px;}
div.no-results-navigation div.floors a.floor {color:#000; font-size:2.1em; text-transform:uppercase;}
div.no-results-navigation div.floors ul.items {float:left; margin:13px 0 0; padding:0 10px 0 0; width:190px;} 
div.no-results-navigation div.floors ul.items li a {color:#333; font-size:1.1em; line-height:1.6em; text-transform:none;}

/* FREDHOPPER DOWN 404 ERROR */
div.fredhopper-404-error {font-family:Georgia; margin:60px 0 250px 0;}
div.fredhopper-404-error p.message {color:#000; font-size:2.3em; line-height:1.1em; margin:0;}
div.fredhopper-404-error p {color:#666; font-size:1.5em; margin:12px 0 33px;}
div.fredhopper-404-error a {color:#000; font-size:1.8em; margin:0 25px 0 0; text-decoration:underline; text-transform:uppercase;}

div.content-panel div.category-refine-area.hide,
div.content-panel div.error-panel.hide {display:none;}
div.content-panel div.category-refine-area.show,
div.content-panel div.error-panel.show {display:block;}